react-native-maps Markerのアイコンを変更する

概要

地図に表示されてるマーカーを変えたい時がある。

react-native-mapsでの変更の仕方をここに記載しておく。

ex：

https://scrapbox.io/files/615484cd61be45001da532bb.png

基本中の基本

マーカータグの中にコンポーネントを入れると、そのコンポーネントがマーカーになる。

code: sample.reactnative.js

import React from 'react'

import { StyleSheet, Image} from 'react-native';

import { Marker } from 'react-native-maps';

<Marker coordinate={{latitude: 32.1, longitude: 139.9}}>

<Image style={styles.icon} source={require('../../../assets/park.png')} />

</Marker>

const styles = StyleSheet.create({

icon: {

width: 28,

height: 28,

}

})